// import { theme } from 'antd';

// 自定义主题配置
export const appTheme = {
  token: {
    // 主色调
    colorPrimary: '#1890ff',
    colorSuccess: '#52c41a',
    colorWarning: '#faad14',
    colorError: '#f5222d',
    colorInfo: '#1890ff',
    
    // 文字颜色
    colorText: 'rgba(0, 0, 0, 0.85)',
    colorTextSecondary: 'rgba(0, 0, 0, 0.65)',
    colorTextDisabled: 'rgba(0, 0, 0, 0.25)',
    
    // 背景颜色
    colorBgContainer: '#ffffff',
    colorBgLayout: '#f5f5f5',
    colorBgElevated: '#ffffff',
    
    // 边框颜色
    colorBorder: '#d9d9d9',
    colorBorderSecondary: '#f0f0f0',
    
    // 字体
    fontSize: 14,
    fontSizeSM: 12,
    fontSizeLG: 16,
    fontSizeXL: 20,
    
    // 圆角
    borderRadius: 6,
    borderRadiusSM: 4,
    borderRadiusLG: 8,
    
    // 间距
    sizeXXS: 4,
    sizeXS: 8,
    sizeSM: 12,
    size: 16,
    sizeMD: 20,
    sizeLG: 24,
    sizeXL: 32,
    sizeXXL: 48,
  },
  
  components: {
    Layout: {
      headerBg: '#001529',
      headerColor: '#ffffff',
      siderBg: '#ffffff',
      triggerBg: '#002140',
      triggerColor: '#ffffff',
    },
    
    Menu: {
      itemBg: 'transparent',
      itemColor: 'rgba(0, 0, 0, 0.85)',
      itemHoverBg: '#f5f5f5',
      itemHoverColor: '#1890ff',
      itemSelectedBg: '#e6f7ff',
      itemSelectedColor: '#1890ff',
    },
    
    Card: {
      borderRadiusLG: 8,
      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.09)',
    },
    
    Button: {
      borderRadius: 6,
      boxShadow: '0 2px 0 rgba(0, 0, 0, 0.015)',
    },
  },
};

// 响应式断点
export const breakpoints = {
  xs: '480px',
  sm: '576px',
  md: '768px',
  lg: '992px',
  xl: '1200px',
  xxl: '1600px',
};

// 媒体查询工具
export const media = {
  xs: `@media (max-width: ${breakpoints.xs})`,
  sm: `@media (max-width: ${breakpoints.sm})`,
  md: `@media (max-width: ${breakpoints.md})`,
  lg: `@media (max-width: ${breakpoints.lg})`,
  xl: `@media (max-width: ${breakpoints.xl})`,
  xxl: `@media (max-width: ${breakpoints.xxl})`,
};